<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta content="width=device-width,user-scale=1.0" name="viewport">
	  <title>Dream</title>
    <link href="../img/doraemon.ico" rel="icon">
    <link href="../out/bootstrap4/css/bootstrap.min.css" rel="stylesheet">
    <link href="../out/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="../css/normal.css" rel="stylesheet">
    <link href="../css/header.css" rel="stylesheet">
    <link href="../css/film.css" rel="stylesheet">
    <script src="../out/bootstrap4/js/jquery-3.6.1.min.js"></script>
    <script src="../out/bootstrap4/js/bootstrap.bundle.min.js"></script>
  </head>
  <body>

	<header>
	  <div class="myNav container-fluid">
        <div class="row">
		  <div class="col-12">
			<nav class="navbar navbar-expand-sm navbar-dark">
			  <!-- Brand -->
			  <a class="navbar-brand d-flex" href="../index.html"><img alt="img" src="../img/doraemon_logo.png"
				  style="width: 3rem"><span
				  style="font-family: '方正少儿_GBK',serif;color: white;font-size: 2rem;">哆啦A梦</span></a>

			  <!-- Toggler/collapsibe Button -->
			  <button class="navbar-toggler" data-target="#collapsibleNavbar" data-toggle="collapse"
				type="button">
				<span class="navbar-toggler-icon"></span>
			  </button>

			  <!-- Navbar links -->
			  <div class="collapse navbar-collapse" id="collapsibleNavbar">
				<ul class="navbar-nav w-100 justify-content-center align-items-end align-items-sm-center">
				  <li class="nav-item">
					<a class="nav-link p-1" href="../index.html">首页</a>
				  </li>
				  <li class="nav-item">
					<a class="nav-link p-1" href="recommend.html">推荐</a>
				  </li>
				  <li class="nav-item">
					<a class="nav-link p-1 " href="special.html">专题</a>
				  </li>
				  <li class="nav-item">
					<a class="nav-link p-1 active " href="film.html">剧场版</a>
				  </li>
				  <li class="nav-item">
					<a class="nav-link p-1 " href="play.html">视频</a>
				  </li>
				  <li class="nav-item">
					<a class="d-block d-sm-none border login p-1 rounded nav-link" href="login.html">注册/登录</a>
				  </li>
				</ul>
			  </div>
			  <a class="d-none d-sm-block border p-1 rounded nav-link login" href="login.html">注册/登录</a>
			</nav>
		  </div>
        </div>
	  </div>
	</header>
	<div class="mySlide container-fluid">
	  <div class="row">
        <div class="col-12 m-0 p-0">
		  <img class="w-100" src="../img/doraemo_bg_1.jpg">
        </div>
	  </div>
	</div>
	<!--content-->
	<div class="myContent container" style="z-index: 10">
	  <div class="row p-5">
        <div class="col-12 justify-content-center d-flex"><span class="font-weight-bold">剧场版</span></div>
        <div class="mt-2 mb-4 col-12 justify-content-center d-flex">
		  <span class="font-weight-bold text-primary">——</span>
        </div>
        <div class="col-12">
		  <div class="pt-3 pb-3 row border-bottom align-items-center">
			<div class="col-xl-3 offset-xl-0 col-lg-3 offset-lg-1 col-md-4 col-sm-6 col-12 filmCol">
			  <div class="film" style="">
				<img class="img-fluid" src="../img/dragon.jpg">
				<div class="information" title="哆啦A梦：大雄的恐龙">
				  <h5 class="font-weight-bold filmName"><button class="play">播放</button>哆啦A梦：大雄的恐龙</h5>
				  <p class="introduce">
					小夫炫耀自己家的暴龙趾骨化石。大雄眼红并信口开河表要找大整架恐龙化石，否则便用鼻子吃意大利粉。于是，他便前往图书馆借了些有关恐龙化石的书籍。后来他在附近的断层挖到一枚恐龙蛋的化石，借了哆啦A梦的时光布还原得到一只双叶颈龙，并以叫声将之命名为皮助。很快大雄和它成为好朋友，但因它越长越大且被人发现，故大雄决定将他送回白垩纪时代。可是，后来却发现将它错送到上古的北美洲。于是，大雄一行人乘时光机再次回到恐龙时代，但途中被欲抢皮助的神秘人追击，时光机因而故障，使大家必须靠自己沿着古陆块回到日本。经过长时间的冒险，神秘人物再度出现希望获得皮助，原来是他来自未来的违法恐龙猎人，要获得皮助卖钱，要大雄一行以交出皮助为条件，换取将他们用时光机送回家，大雄将会如何取舍？
				  </p>
				</div>
			  </div>
			</div>
			<div class="col-xl-3 offset-xl-0 col-lg-3 offset-lg-1 col-md-4 col-sm-6 col-12 filmCol">
			  <div class="film" style="">
				<img class="img-fluid" src="../img/jp_univers_develop.jpg">
				<div class="information">
				  <h5 class="font-weight-bold filmName"><button class="play">播放</button>哆啦A梦：大雄的宇宙开拓史</h5>
				  <p class="introduce">
					大雄与哆啦A梦玩耍时意外发现，房间的塌塌米下方与旷野星上一艘太空船相连，太空船的主人叫罗布鲁。大雄与哆啦A梦阴差阳错地进到了这个星球，在旷野星上，引力比地球小，大雄成了大力士飞毛腿，成了旷野星的超人了。同时也结识了一批旷野星上的朋友，罗布鲁的妹妹克蕾姆，还有跟哆啦A梦一样爱吃铜锣烧的江姆，全身覆毛的雌性动物，是罗布鲁的宠物。而罗布鲁的家人和邻居遭到了卡尔泰矿业公司驱赶，这个公司专门将星球上的人们赶走后，不顾星球的存亡，疯狂得开采星球上的资源，导致有许多星球已经不适合人居住了。为了不让罗布鲁的星球遭到破坏，大雄决定留在星球上与坏蛋斗争到底。
				  </p>
				</div>
			  </div>
			</div>
			<div class="col-xl-3 offset-xl-0 col-lg-3 offset-lg-1 col-md-4 col-sm-6 col-12 filmCol">
			  <div class="film" style="">
				<img class="img-fluid" src="../img/jp_magic_mirror.jpg">
				<div class="information">
				  <h5 class="font-weight-bold filmName"><button class="play">播放</button>哆啦A梦：大雄的大魔镜</h5>
				  <p class="introduce">
					一天，胖虎、小夫和大雄三人在空地讲着有关密境和魔境的事情，胖虎和小夫希望能去密境去探险，就拜托大雄去求哆啦A梦帮忙。回家后大雄开始求哆啦A梦，哆啦A梦面对大雄的“撒娇”没辙，于是拿出了道具“家用人
					造卫星”来寻找密境。正找着不亦乐乎之际，妈妈叫大雄出去买东西，再回来路上，见到了一只流浪狗，而回想起妈妈不准收养流浪宠物的家规，准备放弃之时，却因为帮助妈妈找回钱包，破例收养了。而他真实身份是保弯湖王国的保弯湖108世的儿子——昆佗克王子，因为邪恶大臣达保兰的篡权，被迫流放外出。昆佗克王子趁着他们找寻密境之际，将自己回家的路线假装成探险路线给了大雄，探险路上又将会发生什么有趣的事情了，昆佗克王子能夺回自己的王位吗…
				  </p>
				</div>
			  </div>
			</div>
			<div class="col-xl-3 offset-xl-0 col-lg-3 offset-lg-1 col-md-4 col-sm-6 col-12 filmCol">
			  <div class="film" style="">
				<img class="img-fluid" src="../img/jp_seabed_devil_city.jpg">
				<div class="information">
				  <h5 class="font-weight-bold filmName"><button class="play">播放</button>哆啦A梦：大雄的海底鬼岩城</h5>
				  <p class="introduce">
					暑假将到，大家为露营地点的事而争执。大雄和静香想去海滩，胖虎和小夫则想去爬山。最后在哆啦A梦的建议下决定去海底山。大家都很高兴在水底进行海底探险。但是，大雄看到了像怪鱼一样的东西，感觉很不可思议，很危险。就在这时，去海底露营的大雄等遇到了海底人，并在千钧一发之际救下了海底人。海底有海底人的国家。大雄他们和海底人威尔变得亲近，但是为了隐藏海底人在海底生活的秘密，威尔把大雄他们关在了里面。就在这时，由于海底火山活动的影响，身处魔鬼三角洲地带的鬼岩城开始移动，这让波塞冬误认为是敌人的攻击，竟然对整个地球进行了报复。大雄他们到底能不能阻止这场阴谋呢？
				  </p>
				</div>
			  </div>
			</div>
			<div class="col-xl-3 offset-xl-0 col-lg-3 offset-lg-1 col-md-4 col-sm-6 col-12 filmCol">
			  <div class="film" style="">
				<img class="img-fluid" src="../img/univers_war.jpg">
				<div class="information">
				  <h5 class="font-weight-bold filmName"><button class="play">播放</button>哆啦A梦：大雄的宇宙小战争</h5>
				  <p class="introduce">
					追杀帕比的PCIA战舰出现了，他们捉了静香做人质，最后帕比被捉去了。该星球上的人虽然只有拇指般大小，但是大家的缩小灯被叛军与总统从地球一起带走，大家变不回原样了，大家必须到比卡星夺回缩小灯。“一定要救出帕比。”哆啦A梦他们一同向皮力卡星出发。但是，那里的恐怖独裁者……哆啦A梦如何营救帕比，一场奇异的冒险正等着我们。
				  </p>
				</div>
			  </div>
			</div>
			<div class="col-xl-3 offset-xl-0 col-lg-3 offset-lg-1 col-md-4 col-sm-6 col-12 filmCol">
			  <div class="film" style="">
				<img class="img-fluid" src="../img/jp_devildom_risk.jpg">
				<div class="information">
				  <h5 class="font-weight-bold filmName"><button class="play">播放</button>哆啦A梦：大雄的魔界大冒险</h5>
				  <p class="introduce">
					在现实世界诸事不顺的大雄，抱怨这个世界没有魔法。某天他无意间发现自己跟哆啦A梦的石像，正好奇这些石像的来龙去脉时，憧憬魔法的大雄突发奇想使用“如果电话亭”实现梦想，而石像亦随之消失。可是，变出来的魔法世界并不是大雄的理想国，所以让大雄感到沮丧。有名的魔法研究者－满月博士告知大家一个可怕的消息－魔界星不过多久便会完全接近地球。大雄想变回现实世界，但是如果电话亭己被妈妈扔掉。满月博士解读古文书后被捉走，逃亡的美夜子得大雄等人，支持，一起出发至魔界星。
				  </p>
				</div>
			  </div>
			</div>
			<div class="col-xl-3 offset-xl-0 col-lg-3 offset-lg-1 col-md-4 col-sm-6 col-12 filmCol">
			  <div class="film" style="">
				<img class="img-fluid" src="../img/jp_iron_man_team.jpg">
				<div class="information">
				  <h5 class="font-weight-bold filmName"><button class="play">播放</button>哆啦A梦：大雄与铁人兵团</h5>
				  <p class="introduce">
					因为玩具机器人，大雄受到小夫和胖虎的奚落，连哆啦A梦不愿帮他。为了寻找生气走掉的哆啦A梦，大雄通过任意门来到寒冷的北极，却在这里发现奇怪的机器人零件。在此之后，各式的零件源源不断从空中掉落至大雄的家中。由于零件过于巨大，为了不引起骚动，两个好友将机器运到镜面世界，并组装成巨大的机器人。他们兴奋地邀请静香（来镜面世界玩耍，偶然间发现机器人竟然装备有威力强大的武器。不久，一个名为莉露露的女孩出现在小镇上，她自称是机器人的主人。大雄他们热心地将镜面世界工具借给莉露露，却发现她在那里建立了毁灭地球的基地…
				  </p>
				</div>
			  </div>
			</div>
			<div class="col-xl-3 offset-xl-0 col-lg-3 offset-lg-1 col-md-4 col-sm-6 col-12 filmCol">
			  <div class="film" style="">
				<img class="img-fluid" src="../img/jp_dragon_knight.jpg">
				<div class="information">
				  <h5 class="font-weight-bold filmName"><button class="play">播放</button>哆啦A梦：大雄与龙骑士</h5>
				  <p class="introduce">
					平凡的一天，大雄却感到无比心烦。先是与小夫争论恐龙还存在与否时落败，接着零分试卷又面临妈妈的搜查。为了藏匿积攒下来的试卷，大雄和哆啦A梦利用道具在后山挖了一个巨大的洞。大雄欣喜过望，于是和小伙伴们建立起一个地下理想王国。与此同时，小夫的心情则无比烦闷，他无数次看见恐龙，甚至在地洞里看过奔跑的恐龙群。不久，小夫神秘失踪。得知他可能困在地下，大雄、哆啦A梦、胖虎、静香他们决定前去营救好友。令小伙伴们意外的是，地洞竟然连接着一个奇异的世界，这里不仅有各种各样的恐龙，还有一个神秘的王国。小伙伴们受到地下王国的热情接待，并最终找到小夫。但偶然的机缘，他们得知地下王国正在进行一项神秘的计划……
				  </p>
				</div>
			  </div>
			</div>
		  </div>
        </div>
	  </div>
	</div>
	<!--footer-->
	<footer class="m-0 p-0">
	  <div class="container-fluid bg-dark p-3">
        <div class="row">
			<div class="col-12 col-lg-4 offset-lg-0 col-md-5 offset-md-0 col-sm-5 offset-sm-0 d-flex align-items-center justify-content-center justify-content-sm-start">
				<img alt="..."
			  src="../img/doraemon_logo.png"
			  style="width: 2rem">
			<span style="font-family: '方正少儿_GBK',serif;color: white;font-size: 1.5rem;">哆啦A梦</span>
		  </div>
		  <div class="col-12 col-lg-4 offset-lg-4 col-md-5 offset-md-2 col-sm-7 offset-sm-0 d-flex align-items-center justify-content-center justify-content-sm-end">
			<ul class="nav">
			  <li class="nav-item">
				<a class="nav-link" href="#"><i class="fa fa-twitter bg-light p-2 rounded-circle text-dark"
					style="font-size: 1.5rem"></i></a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="#"><i class="fa fa-weibo bg-light p-2 rounded-circle text-dark"
					style="font-size: 1.5rem"></i></a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="#"><i class="fa fa-wechat bg-light p-2 rounded-circle text-dark"
					style="font-size: 1.5rem"></i></a>
			  </li>
			</ul>
		  </div>
        </div>
	  </div>
	</footer>
 <script src="../js/normal.js"></script>
<script>
let bili = "https://search.bilibili.com/all?keyword=";
let url = "https://www.administratorw.com/?url=";
window.onload = function() {
	let filmInfos;
	let filmNames;
    let filmPlays;
	addFilm();
	filmPlays = document.getElementsByClassName("play");
    filmInfos = document.getElementsByClassName("information");
	filmNames = document.getElementsByClassName("filmName");

	for (let i = 0; i < filmInfos.length; i++) {
		filmInfos[i].title = filmNames[i].innerText;
		filmPlays[i].addEventListener("click", function () {
										  request(filmNames[i].innerText);
									  });
	}
}

function request(filmName) {
	window.open(encodeURI(url + filmName), "播放器", "toolbar=no,menubar=no,scrollbars=no,resizeable=yes,status=no,location=no", false);
}

function addFilm() {
    let filmPlay = "<button class='play'>播放</button>";
	let filmName = "哆啦A梦：大雄的平行西游记";
	let filmPhoto = "../img/jp_journey_west.jpg";
	let filmIntroduce = "为了在新生欢迎会上表演话剧《西游记》，大雄班级举行的话剧的排练。大雄想当孙悟空，可是却只是村人甲。为了证明自己最像孙悟空，大雄用航时机来到中国唐朝，想见孙悟空，而且真的见到了“孙悟空”。后来大雄以哆啦A梦的道具为赌注，证明孙悟空很像 大雄。大雄与他的朋友来到唐朝，却没有见到孙悟空。因此大雄用哆啦A梦的模拟游戏机假扮孙悟空，最后被识破。由于没有关好机器，游戏里的妖怪从游戏机里跑了出来。妖怪最后统治了世界，大雄他们也面临危险。 为了恢复历史，拯救玄奘法师，大雄、静香、小夫和刚田武假扮孙悟空等角色来保护玄奘法师，踏上了冒险之旅";
	let element = '<div class="col-xl-3 offset-xl-0 col-lg-3 offset-lg-1 col-md-4 col-sm-6 col-12 filmCol"><div class="film" style=""><img class="img-fluid" src=' + filmPhoto + '><div class="information"><h5 class="font-weight-bold filmName">' + filmPlay + filmName + '</h5><p class="introduce">' + filmIntroduce + '</p></div></div></div>';
    let filmCol = document.querySelector("div.filmCol:last-child");
	filmCol.insertAdjacentHTML("afterend", element)
}
</script>
  </body>
</html>